<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>在售商品分类</title>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css">
		<link rel="stylesheet" type="text/css" href="css/category.css"/>
		<link rel="stylesheet" type="text/css" href="css/help-style.css"/>
		<link rel="stylesheet" type="text/css" href="css/home.css"/>
		
		<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		
		<link rel="stylesheet" href="css/rightfixed.css"/>
		<script type="text/javascript" src="js/rightfixed.js"></script>
		
	</head>
	<body>
		
				
		<!--头部-->
		<div id="head" style="font-size: 16px; color: black;">
			<script type="text/javascript">
				$("#head").load("home-head.html")
			</script>
		</div>
		
		
		
		<div class="category_main">
			
			
			<!--商品路径-->
			<div class="breadcrumb">
				<a href="#">商品分类</a>
				<i class="b_icon vipFont">&#xf105 </i>
				<a href="#">女装/男装/内衣</a>
				<i class="b_icon vipFont">&#xf105 </i>
				<a href="#">人气美衣</a>
				<i class="b_icon vipFont">&#xf105 </i>
				<a href="#" class="b_item">连衣裙</a>
				
			</div>
			
			<!--商品分类-->
			<div class="groups">
				<div class="band">
					<h3 class="groups_title">品牌：</h3>
					
					<div class="scoll">
						<ul>
							<li>
								<a href="search.html">
									<img class="band_img" src="images/band_pic1.jpg"/>
									<div class="band_title">DONEED </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic2.jpg"/>
									<div class="band_title">三彩 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic3.jpg"/>
									<div class="band_title">德玛纳 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic4.jpg"/>
									<div class="band_title">香影 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic5.jpg"/>
									<div class="band_title">Havva </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic6.jpg"/>
									<div class="band_title">欧时力 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic7.jpg"/>
									<div class="band_title">帕罗 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic8.jpg"/>
									<div class="band_title">兆君 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic9.jpg"/>
									<div class="band_title">商务时装 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic11.jpg"/>
									<div class="band_title">恩裳 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic12.jpg"/>
									<div class="band_title">宝姿 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic13.jpg"/>
									<div class="band_title">诗篇 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic14.jpg"/>
									<div class="band_title">玖姿 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic15.jpg"/>
									<div class="band_title">朗姿 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic16.jpg"/>
									<div class="band_title">音儿 </div>
								</a>	
							</li>
							
							<li>
								<a href="#">
									<img class="band_img" src="images/band_pic10.jpg"/>
									<div class="band_title">fleur wood </div>
								</a>	
							</li>	
							
							
						</ul>
					</div>
					
					<!--多选按钮-->
					<div class="operation">
						<button class="multiple_button">
							<span class="button_icon vipFont"> &#xf067 </span>
							<span class="button_text">多选</span>
						</button>
	
						
					</div>
				</div>
				
				<!--女装列-->
				<div class="multiple">
					<h3 class="groups_title">女装</h3>
					
					<div class="content">
						<ul>
							<li><a href="#">裙装/套装 </a></li>
							<li><a href="#">女上装 </a></li>
							<li><a href="#">裤装 </a></li>
							<li><a href="#">女配件 </a></li>
						</ul>
					</div>
					
					<!--多选按钮-->
					<div class="operation">
						<button class="operation_button">
							<span class="button_text">更多</span>
							<span class="button_icon vipFont">&#xf107 </span>
						</button>
					</div>
					
				</div>
				
				<!--裙长列-->
				<div class="multiple">
					<h3 class="groups_title">裙长</h3>
					<div class="content">
						<ul>
							<li><a href="#">长裙 </a></li>
							<li><a href="#">中长群 </a></li>
							<li><a href="#">短裙</a></li>
							<li><a href="#">超短裙 </a></li>
							<li><a href="#">前短后长</a></li>
						</ul>
					</div>
					
					<!--多选按钮-->
					<div class="operation">
						<button class="operation_button">
							<span class="button_text">更多</span>
							<span class="button_icon vipFont">&#xf107 </span>
						</button>
					</div>
					
				</div>
				
				<!--套装形式列-->
				<div class="multiple">
					<h3 class="groups_title">套装形式</h3>
					<div class="content">
						<ul>
							<li><a href="#">上衣+群 </a></li>
							<li><a href="#"> 上衣+裤</a></li>
							<li><a href="#">外套+内衬 </a></li>
						</ul>
					</div>
					
					<!--多选按钮-->
					<div class="operation">
						<button class="operation_button">
							<span class="button_text">更多</span>
							<span class="button_icon vipFont">&#xf107 </span>
						</button>
					</div>
					
				</div>
				
				<!--裤长列-->
				<div class="multiple">
					<h3 class="groups_title">裤长</h3>
					<div class="content">
						<ul>
							<li><a href="#">短裤 </a></li>
							<li><a href="#">七分裤 </a></li>
							<li><a href="#">九分裤</a></li>
							<li><a href="#">长裤 </a></li>
							<li><a href="#">超短裤/热裤</a></li>
							<li><a href="#">五分裤</a></li>
						</ul>
					</div>
					
					<!--多选按钮-->
					<div class="operation">
						<button class="operation_button">
							<span class="button_text">更多</span>
							<span class="button_icon vipFont">&#xf107 </span>
						</button>
					</div>
					
				</div>
				
				<!--更多选择-->
				<div class="choose">
					<button class="choose_button">
						<span class="button_text">更多选项</span>
						<span class="button_icon vipFont">&#xf107</span>
						
					</button>
				</div>
			</div>
			
			
			
			
			<!--/*综合，价格，折扣*/-->
			<div class="sortbar">
				 <div class="general">
				 	<a href="#">
				 		<b>综合</b>
				 	</a>	
				 </div>
				 
				 <div class="s_price">
				 	<a href="#">价格
				 		<i class="price-sort-icon price-desc vipFont">&#xf106 </i>
				 	    <i class="price-sort-icon price-asc vipFont">&#xf107 </i>
				 	</a>    
				 </div>
				 
				 <div class="s_time">
				 	<a href="#">折扣
				 		<i class="time-sort-icon time-desc vipFont">&#xf106 </i>
				 	    <i class="time-sort-icon time-asc vipFont">&#xf107 </i>
				 	</a>
				 </div>
				 
				 <div class="s_select">
				 	<span class="oper-select-start">
				 		<input type="text" placeholder="¥" id="J_priceStart">
				 	</span>
				 	
				 	<i class="i-cat-pre"> - </i>
				 	
				 	<span class="oper-select-end">
				 		<input type="text" placeholder="¥" id="J_priceEnd">
				 	</span> 
				 	
				 </div>
				 
				 <div class="s_secluded">
				 	<span class="inner">
				 			<label><input type="checkbox" name="shop" value="h1"></label>
				 	</span>
				 	<span class="text">只看预热商品</span>
				 </div>
				 
				 
				 <div class="s_paging">
				 	<span class="total">
				 		<em class="focus">1</em>
				 		/100            
				 	</span>
				 	<a href="###" class=" cat-paging-up vipFont">&#xf104 </a>
				 	<a href="###" class=" cat-paging-next next">下一页 
				 		<i class="cat-paging-next vipFont">&#xf105 </i>
				 	</a>
				 </div>
				 
			</div>
			
			
			
			<!--商品预售列表-->
			
			<div class="list">
				<ul>
					<li>
						<div class="goods_img">
							<a href="buyinterface.html"><img src="images/list_pic1.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥149</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥429</span>
							<span class="discount">3折</span>
						</div>
						
						<div class="goods_name">
							<a href="buyinterface.html">卡帝乐鳄鱼夏季新款修身显瘦领口条纹POLO裙短裙 夏季连衣裙 裙子</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="buyinterface.html"><img src="images/list_pic2.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥129</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥508</span>
							<span class="discount">2.2折</span>
						</div>
						
						<div class="goods_name">
							<a href="buyinterface.html">茜舞【2019夏新品】女时尚简约大气圆领收腰连衣裙</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="buyinterface.html"><img src="images/list_pic3.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥199</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥678</span>
							<span class="discount">2.9折</span>
						</div>
						
						<div class="goods_name">
							<a href="buyinterface.html">沫晗依美【2019夏新款连衣裙】女款时尚喇叭袖印花薄款雪纺连衣裙</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="buyinterface.html"><img src="images/list_pic4.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥89</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥375</span>
							<span class="discount">2.5折</span>
						</div>
						
						<div class="goods_name">
							<a href="buyinterface.html">ZiCONCEPT夏季少女字母收腰系带短袖显瘦女裙宽松a字中长连衣裙女</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="#"><img src="images/list_pic5.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥159</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥450</span>
							<span class="discount">3.5折</span>
						</div>
						
						<div class="goods_name">
							<a href="#">卡帝乐鳄鱼夏季新款修身显瘦小香风POLO裙短裙 夏季连衣裙 裙子</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="#"><img src="images/list_pic6.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥239</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥798</span>
							<span class="discount">3折</span>
						</div>
						
						<div class="goods_name">
							<a href="#">OLRAIN欧芮儿2019夏季新款女装V领显瘦系带印花收腰雪纺休闲连衣裙</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="#"><img src="images/list_pic7.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥169</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥518</span>
							<span class="discount">3.3折</span>
						</div>
						
						<div class="goods_name">
							<a href="#">沫晗依美【2019夏新款连衣裙】女款雪纺遮肚减龄显瘦碎花连衣裙</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="#"><img src="images/list_pic8.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥125</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥486</span>
							<span class="discount">2.6折</span>
						</div>
						
						<div class="goods_name">
							<a href="#">菲阁时尚小清新夏新品V领抽带碎花裙韩版百搭喇叭袖过膝连衣裙</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="#"><img src="images/list_pic9.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥139</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥417</span>
							<span class="discount">3.3折</span>
						</div>
						
						<div class="goods_name">
							<a href="#">如熙2019夏季新款女装很仙的法国小众连衣裙仙女超仙甜美长裙</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="#"><img src="images/list_pic10.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥189</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥608</span>
							<span class="discount">3.1折</span>
						</div>
						
						<div class="goods_name">
							<a href="#">沫晗依美【2019夏装新款】女款韩版时尚简约修身牛仔连衣裙</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="#"><img src="images/list_pic11.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥57</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥688</span>
							<span class="discount">0.8折</span>
						</div>
						
						<div class="goods_name">
							<a href="#">QINGHUAYU2019新款短袖夏季v领修身单排扣气质长裙子格子连衣裙</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="#"><img src="images/list_pic12.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥129</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥749</span>
							<span class="discount">1.7折</span>
						</div>
						
						<div class="goods_name">
							<a href="#">衣品天成2019夏季新款连衣裙女小清新荷叶边袖甜美流苏雪纺连衣裙</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="#"><img src="images/list_pic13.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥132</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥869</span>
							<span class="discount">1.5折</span>
						</div>
						
						<div class="goods_name">
							<a href="#">白鹿语 夏新款纯色简约镂空短袖圆领网格显瘦连衣裙</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="#"><img src="images/list_pic14.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥115</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥468</span>
							<span class="discount">2.5折</span>
						</div>
						
						<div class="goods_name">
							<a href="#">菲阁新品夏装小清新喇叭袖波点连衣裙V领系带收腰不规则鱼尾裙</a>
						</div>
					</li>
					
					<li>
						<div class="goods_img">
							<a href="#"><img src="images/list_pic15.jpg"/></a>
						</div>
						
						<div class="goods_price">
							<span class="title-msg">疯抢价 </span>
							<span class="title">¥69</span>
						</div>
						
						<div class="goods_vipshop">
							<span class="c_price">¥229</span>
							<span class="discount">3折</span>
						</div>
						
						<div class="goods_name">
							<a href="#">OopsCiah2019年新款时尚连衣裙气质修身鱼尾裙包臀夏抽绳T恤裙</a>
						</div>
					</li>
				
				</ul>
				
			</div>
			
			
			
			<!-- 页码 -->
			<div class="paging">
				<span class="p_total">共100页</span>
				<span class="p_num1">1</span>
				<span class="p_num2">2</span>
				<span class="p_num3">3</span>
				<span class="p_txt">...</span>
				<span class="p_num100">100</span>
				<span class="p_icon vipFont">&#xf105 </span>
				
			</div>
			
		</div>

		
		<!--尾部-->
		<div id="footer">
			<script type="text/javascript">
				$("#footer").load("footer.html")
			</script>
		</div>
		
		<!--右侧边框-->
		<div id="rightnav">
			<script type="text/javascript">
				$("#rightnav").load("rightnav.html")
			</script>
		</div>
		
	
		
	</body>
</html>
